<template>
  <div class="item" data-id="248906" data-bid="dp_wx_home_movie_list">
    <div class="main-block">
      <div class="avatar" sort-flag="">
        
        <div class="default-img-bg">
          <img  :src="movie.img | movieListImgReplace('128.180')" class="target-img">		
        </div>
      </div> 
      <div class="mb-outline-b content-wrapper">

        
        <div class="column content">
          <div class="box-flex movie-title">
            <div class="title line-ellipsis v3dimax_title" id="movie-name">{{movie.nm}}</div>
              <span id="item_2d2d">2D</span>
          </div>

          <div class="detail column">
                <div class="score line-ellipsis"> 
                  <span class="score-suffix">观众评 </span>
                  <span class="grade">{{movie.sc}}</span>
                </div>
              <div class="actor line-ellipsis" id="actor-ellp">{{movie.star}}</div>
              <div class="show-info line-ellipsis">{{movie.showInfo}}</div>
          </div>
        </div>
        <movie-button :preshow="movie.preShow "></movie-button>
      </div>
    </div>
  </div>
</template>

<script>
import MovieButton from 'components/common/movies/MovieButton'
export default {
  props:{
    "movie":Object
  },
  components: {
    MovieButton
  }
}
</script>

<style lang="stylus" scoped>
  @import '~styles/_border.styl'
  @import '~styles/_ellp.styl'
 .tab-content 
  .list-wrap 
    .item 
      .content-wrapper
        border 0 0 1px 0,#ccc
        margin-right .14rem
        #actor-ellp,#movie-name 
           ellipsis()

        .box-flex
             display flex

      #item_2d2d
          background #d2d6dc
          color #fff
          width .23rem
          height .23rem
          text-align center

           
           
</style>

